body {
background-color: #A6798D;
}


h1 {
color: #40152F;
text-align: center;
border: 5px solid;
border-color: #40152F ;
border-top-left-radius: 30%;
border-top-right-radius: 30%;
border-bottom-left-radius: 30%;
border-bottom-right-radius: 30%;
background-color: #CFB1AB; 
font-family: "DM Serif Text", serif;}

p1 {
font-size: 30px;
font-family: "DM Serif Text", serif;}
div {
	height: 120px;
	width: 120px;
	margin-left: 50px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	background-color: #F2F1EE;
	border: 1px solid #000;
}
.modA {
	border-radius: 24px;
}
.modA2 {
	border-radius: 24px;
	border: 4px solid #000;
}
.modB {
	border-top-left-radius: 24px;
}
.modB2 {
	border-top-left-radius: 24px;
	border: 4px solid #000;
	border-color: red;
}
.modC {
	border-radius: 24px 0;
}
.modC2 {
	border-radius: 24px 0;
	border: 4px solid #000;
	border-color: green;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
}
.modD {
	border-radius: 36px 12px;
}
.modD2 {
	border-radius: 36px 12px;
	border: 6px solid #000;
	border-color: red;
	background-color: yellow;
}
.modE {
	border-top-right-radius: 50px 30px;
}
.modE2 {
	border-top-right-radius: 50px 30px;
	border: 6px solid #000;
	border-color: black;
	border-top-left-radius: 30px 50px;
}
.modF {
	border-bottom-right-radius: 50px 30px;
}
.modF2 {
	border-bottom-right-radius: 50px 30px;
	background-image: url('https://i.pinimg.com/736x/91/24/8c/91248c27a73830c986bd546a94e4c2db.jpg');
	color: floralwhite;
}
.modG {
	border-radius: 50%;
}
.modG2 {
	border-radius: 50%;
	background-color: lightpink;
	border: 6px solid #000;
	border-color: hotpink;
}
.modH {
	border-radius: 50% 50% 0 0;
}
.modH2 {
	border-radius: 50% 50% 0;
	border: 15px solid #000;
	border-color: coral;
	color: coral;
	font-size: 30px;
	text-align: center;
}
.modI {
	border-radius: 0 20px 20px 0;
}
.modI2 {
	border-radius: 90px 20px 90px 20px;
	background-color: yellow;
	border: 4px solid #000;
	border-color: grey;
}
.modJ {
	border-radius: 20px 0 0 20px;
}
.modJ2 {
	border-radius: 20px 20px 20px 20px;
	border: 30px solid #000;
	border-color: lightsalmon;
	background-image: url('https://media.istockphoto.com/id/1173935107/es/foto/larga-ola-en-la-costa-amanecer-en-el-mar-t%C3%BAnez.jpg?s=612x612&w=0&k=20&c=f25DjmKduRJgIx9s3QMITXJqeQvPhDeS4VSiFRMZHyQ=');
}
.modK {
	border-radius:  0 50% 0 50%;
}
.modK2 {
	border-radius:  0 10% 0 30%;
	background-color: skyblue;
	border-color: mediumblue;
	border: 4px solid #000;
}
.modL {
	border-top-left-radius: 50% 20%;
	border-top-right-radius: 50% 20%;
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
}
.modL2 {
	border-top-left-radius: 50% 20%;
	border-top-right-radius: 50% 20%;
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
	background-color: sandybrown;
	border-color: saddlebrown;
	color: saddlebrown;
	font-size: 30px;
}